@import '../../../style/color.scss';
@import '../../../style/font.scss';
@import '../../../style/domain.scss';
@import '../../../style/mixin.scss';

.wrap-border-page {
  border-left:solid 1px $form-border-color;
  border-right:solid 1px $form-border-color;
  border-bottom:solid 1px $form-border-color;
  width: 100%;
  //height: $plan-map-height;
  min-height: 540px;
  height: 100%;
  @include grid-background($grid-bg-color);

  .top {
    height: 80px;
    background-color: $dispatch-background-color;

    .title {
      width: 386px;
      height: 100%;
      background-image: url("/images/dispatch/bg_title.png");
      background-repeat: no-repeat;
      background-size: 100%;
      line-height: 80px;
      font-family: $regular-font-family;
      font-size: 30px;
      color: #FFFFFF;
      letter-spacing: 1.49px;
      padding-left: 30px;
    }
  }

  .content {
    overflow: auto;
    color: #ffffff;
    scrollbar-face-color:$form-border-color;
    scrollbar-arrow-color: $form-border-color;
    scrollbar-shadow-color:$form-border-color;
    scrollbar-dark-shadow-color:$form-border-color;
    scrollbar-base-color: $form-border-color;
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent;
  }
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    //  border-radius: 10px;
    background-color: transparent;
  }

  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px $form-border-color;
    background-color: $form-border-color;
  }

}
